	*{
        margin:0;
        padding: 0;
        list-style: none;
        font-family: "微软雅黑";
    }
    a{
    	text-decoration: none;
    	color: #FFFFFF;
    }
    .container{
        width:30%;
        margin:50px auto;
        border-radius: 4px;
        box-shadow:0 2px 6px 2px rgba(94, 94, 94, 0.2) ;   
    }
    .main{
        width:100%;
    }
    .nav{
        width:100%;
        display:flex;
        border-radius: 4px 4px 0 0;
        justify-content: space-between;
        background-image: url(../img/bgImg.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        height:140px;
    }
    .left-logo{
        display: flex;
    }
    .firstLogo{
        width:30px;
        padding:10px 0 0 10px;
    }
    .firstLogo img{
        width:100%;
    }
    .qq{
        margin-left: 10px;
        padding:10px 0 0 0;
    }
    .qq{
        color:#ffffff;
        font-size: 18px;
    }

    .rightNav{
        display:flex;
        padding:10px 0;
    }
    .set,.small,.close{
        width:24px;
        margin-right: 10px;
    }
    .set img,.small img,.close img{
        width:100%;
    }
    .headImg{
        width:100%;
        position:relative;
    }
    .head{
        width:80px;
        height:80px;
        position: absolute;
        bottom: -20px;
        left:41%;
    }
    .head img{
        width:100%;
        height:100%;
        border-radius: 50%;   
    }
    .content{
        width:60%;
        margin:0 auto;
        margin-top: 8px;
    }
    .login-content{
        width:100%;
    }
    .form-content{
        width:100%;
        display:flex;
        align-items: center;
        border-bottom:1px solid #ccc;
        padding:10px 0;
    }
    .userImg{
        width:12px;
    }
    .userImg img{
        width:100%;
    }
    .userText{
        margin-left: 10px;
    }
    .userText input{
        width:100%;
        border:none;
        outline:none;  
    }
    .choose-content{
        width:100%;
        display:flex;
        align-items: center;
        justify-content: space-between;
        padding:14px 0 0 0;
    }
    .choose-flex{
        display:flex;
        align-items: center;
    }
    .remember p{
        font-size: 10px;
        color:#ccc;
        margin-left: 2px;
    }
    input::-webkit-input-placeholder { 
        /* WebKit browsers */ 
        font-size:10px;
        color: #ccc;
    }
    .chooseBtn{
    	width: 60%;
    	margin: 0 auto;
    	display: flex;
    	justify-content: space-between;
    	padding: 8px 0 20px 0;
    }
    .loginBtn,.registerBtn{
        width:40%;
        padding: 10px 0;
    }
    .loginBtn button,.registerBtn button{
        width:100%;
        background-color:#1FC7FD ;
        border:none;
        color:#fff;
        padding:8px 0;
        font-size: 12px;
        border-radius: 4px;
    }